<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main"/>
    <g:set var="entityName" value="${message(code: 'estate.label', default: 'estate')}"/>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=djCQW9ljcKfS4pf6f4G62MPKRDIKBWNW"></script>
    <asset:javascript src="map/bmap/Heatmap_min.js" />
    <title>押品搜索</title>
    <style>
    .table>tbody>tr>td{
        vertical-align: middle;
    } 
    #allmapPOI{
        height: 500px;
    }
        input[type=button]{
            border: none !important;
            background: #F2F2F2;
            outline: none;
        }
    #log>div{
        border: none !important;
    }
    </style>
</head>
<body class="fixed-navbar fixed-sidebar">
<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right">
                <ol class="hbreadcrumb breadcrumb">
                    <li>CINDATA PLS</li>
                    <li class="active">
                        <span>押品详情</span>
                    </li>
                </ol>
            </div>

            <h2 class="font-light m-b-xs">
                %{--<i id="goBack" class="pe-7s-back fa-2x" style="position: absolute; top: 8px;"></i>--}%
                <span style="margin-left: 3%">押品详情</span>
            </h2>
        </div>
    </div>
</div>
<div class="content animate-panel">
    %{--<div class="row">--}%
        %{--<g:form method="POST" action="searchEstate" class="form-horizontal" role="form">--}%
            %{--<div class="hpanel hblue">--}%
                %{--<div class="panel-heading">--}%
                    %{--<div class="panel-tools">--}%
                        %{--<button class="btn btn-warning2 btn-xs" type="button" id="resetBtn">--}%
                            %{--<i class="fa fa-times"></i>重置</button>--}%
                    %{--</div>--}%
                    %{--查询--}%
                %{--</div>--}%
                %{--<div class="panel-body seach-group" id="bug1">--}%
        %{--第一行--}%
            %{--<div class="row">--}%
                %{--<div class="form-group col-sm-3">--}%
                    %{--<label for="district" class="col-sm-3 control-label">城市</label>--}%
                    %{--<div class="col-sm-9">--}%
    %{--<g:select class="form-control" name="city" id="city"--}%
                                  %{--from="${com.cindata.City.executeQuery("select distinct e.city as city from  Estate e ")}"--}%
                                  %{--valueMessagePrefix="status" optionKey="zoneNumber" optionValue="name"--}%
                                  %{--value="${params?.city}"--}%
                                  %{--noSelection="${["-1": '杭州市']}"/>--}%
                    %{--</div>--}%
                %{--</div>--}%
                %{--<div class="input-group col-sm-8">--}%
                    %{--<input type="text" class="form-control" id="searchLoad"/>--}%
                    %{--<span class="pe-7s-search fa-2x form-control-feedback"></span>--}%
                    %{--<ul id="searchList" style="position: relative"></ul>--}%
                %{--</div>--}%
            %{--</div>--}%
                %{--</div>--}%
            %{--</div>--}%
        %{--</g:form>--}%
    %{--</div>--}%
    <div class="row">
                <div class="hpanel hblue">
                    <div class="panel-heading">
                        <div class="panel-tools">
                            <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                        </div>
                        押品详情
                        <input type="hidden" id="communityId" value="${communityRiskRank?.id}"/>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-sm-4 text-center">
                                <h4 id="communityName">${communityRiskRank?.name}</h4>
                                <p><b>${community?.address}</b></p>
                                <h3 style="color:#FF9800" class="priceRank1">${communityRiskRank?.priceRank}</h3>
                            </div>
                            <div class="col-sm-8">
                                <table cellpadding="1" cellspacing="1" class="table table-responsive">
                                    <thead>
                                        <tr>
                                            <td class="text-center n-b">建筑结构</td>
                                            <td class=" n-b"><b>${community?.buildingstructureName ? community?.buildingstructureName : '-'}</b></td>
                                            <td class="text-center n-b">建筑样式</td>
                                            <td class=" n-b"><b>${community.buildingType ? community?.buildingType:'-'}</b></td>
                                        </tr>
                                        <tr>
                                            <td class="text-center n-b">建成年份</td>
                                            <td class=" n-b"><b>${community?.buildYear ? community?.buildYear + ' 年' : '-'}</b></td>
                                            <td class="text-center n-b">房屋用途</td>
                                            <td class=" n-b"><b>${community?.buildingForm ? community?.buildingForm : '-'}</b></td>
                                        </tr>
                                        <tr>
                                            <td class="text-center n-b">物业公司</td>
                                            <td class=" n-b"><b>${community?.propertyManagementCompany ? community?.propertyManagementCompany: '-'}</b></td>
                                            <td class="text-center n-b">开发商</td>
                                            <td class=" n-b"><b>${community?.developer?community?.developer:'-'}</b></td>
                                        </tr>
                                        <tr>
                                            <td class="text-center n-b">楼栋总数</td>
                                            <td class=" n-b"><b>${community?.totalBuildingCount ? community?.totalBuildingCount + ' 栋' : '-'}</b></td>
                                            <td class="text-center n-b">房屋总数</td>
                                            <td class=" n-b"><b>${community?.totalHouseHoldCount ? community?.totalHouseHoldCount + ' 户' : '-'}</b></td>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hpanel col-sm-4 p-l-n">
                    <div class="panel-body text-center" style="height:170px">
                        <h4>价格评级</h4>
                        <h3 style="color:#FF9800" class="priceRank2">${communityRiskRank?.priceRank}</h3>
                        <p>价格指数：较三个月前价格<span id="upDown">上涨</span><span>${threeMonthPriceIndex}</span>% <b></b></p>
                        <p>租售比：${communityRentalRatio?.ratioShow()}</p>
                    </div>
                </div>
                <div class="hpanel col-sm-4 p-l-n p-r-n">
                    <div class="panel-body text-center" style="height:170px">
                        <h4>流动评级</h4>
                        <h3 style="color:#E51C23" class="flowRank">${communityRiskRank?.flowRank}</h3>
                        <p>上月成交量：${lastCommunityQuantityRisk?.dealNumber}套</p>
                        <p>成交周期：${communityDealCycle?.dealCycle}天</p>
                    </div>
                </div>
                <div class="hpanel col-sm-4 p-r-n">
                    <div class="panel-body text-center" style="height:170px">
                        <h4>配套评级</h4>
                        <h3 style="color:#850B0B" class="supportRank">${communityRiskRank?.supportRank}</h3>
                        %{--<p>xx地铁站</p>--}%
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="hpanel hgreen">
                    <div class="panel-heading">
                        <div class="panel-tools">
                            <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                        </div>
                        价格评级详情
                    </div>
                    <div class="panel-body">
                        <ul id="myTab" class="nav nav-pills">
                            <li class="active">
                                <a href="#deal" data-toggle="tab">
                                    价格趋势
                                </a>
                            </li>
                            <li><a href="#hang" data-toggle="tab">租售比</a></li>
                            <li>
                                <a href="#foreclosure"  data-toggle="tab">
                                    成交案例
                                </a>
                            </li>
                        </ul>
                        <div id="myTabContent" class="tab-content">
                            <div class="tab-pane fade in active" id="deal" >
                                <div class="row">
                                    <div class="col-sm-3 text-center p-t-xxl">
                                        <p>风险评级  <b style="color:#FF9800" class="risk1">${communityPrice?.risk}</b></p>
                                        <p>小区均价 <b>${communityPrice?.price}</b> 元/平方米</p>
                                    </div>
                                    <div class="col-sm-6" id="tab-1" style="height:350px;">

                                    </div>
                                    <div class="col-sm-3 p-t-xl">
                                        <table cellpadding="1" cellspacing="1" class="table table-responsive">
                                            <thead>
                                            <tr>
                                                <td class="text-center n-b">环比上月</td>
                                                <td class=" n-b"><b id="upDown1">${communityPriceIndex?.rateYearMonth!=null?communityPriceIndex?.rateYearMonth*100:'-'}</b><b>%</b>
                                                    <b></b></td>
                                            </tr>
                                            <tr>
                                                <td class="text-center n-b">同比去年</td>
                                                <td class=" n-b"><b id="upDown2">${communityPriceIndex?.rateLastYearMonth?communityPriceIndex?.rateLastYearMonth*100:'-'}</b><b>%</b>
                                                    <b></b></td>
                                            </tr>
                                            <tr>
                                                <td class="text-center n-b">行政区排名</td>
                                                <td class=" n-b"><b>${communityPrice?.districtRank}/1682</b></td>
                                            </tr>
                                            <tr>
                                                <td class="text-center n-b">城市排名</td>
                                                <td class=" n-b"><b>${communityPrice?.cityRank}/8915</b></td>
                                            </tr>
                                            </thead>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="hang">
                                <div class="row">
                                    <div class="col-sm-3 text-center p-t-xxl">
                                        <p >风险评级  <b style="color:#FF9800" class="risk2">${communityRentalRatio?.risk}</b></p>
                                        <p>租售比 <b>${communityRentalRatio?.ratioShow()}</b></p>
                                    </div>
                                    <div class="col-sm-6" id="tab-2" style="height:350px;">

                                    </div>
                                    <div class="col-sm-3 p-t-xl">
                                        <table cellpadding="1" cellspacing="1" class="table table-responsive">
                                            <thead>
                                            <tr>
                                                <td class="text-center n-b">当前价格</td>
                                                <td class=" n-b"><b>${communityRentalRatio?.currentPrice}</b> 元/平方米</td>
                                            </tr>
                                            <tr>
                                                <td class="text-center n-b">当前租金</td>
                                                <td class=" n-b"><b>${communityRentalRatio?.currentRental}</b> 元/(月*平方米)</td>
                                            </tr>
                                            <tr>
                                                <td class="text-center n-b">城市排名</td>
                                                <td class=" n-b"><b>${communityRentalRatio?.cityRank}/8915</b></td>
                                            </tr>
                                            </thead>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="foreclosure">
                                <table cellpadding="1" cellspacing="1" class=" table table-striped table-responsive">
                                    <thead>
                                    <th class="col-sm-1 text-center">小区名称</th>
                                    <th class="col-sm-1 text-center">所在层</th>
                                    <th class="col-sm-1 text-center">总楼层</th>
                                    <th class="col-sm-1 text-center">朝向</th>
                                    <th class="col-sm-1 text-center">建筑面积（㎡）</th>
                                    <th class="col-sm-1 text-center">成交单价（元/㎡）</th>
                                    <th class="col-sm-1 text-center">成交总价（万元）</th>
                                    <th class="col-sm-1 text-center">成交日期</th>
                                    </thead>
                                    <tbody>
                                    <g:each in="${saleList}">
                                        <tr>
                                            <td class="text-center">${community?.communityName?community?.communityName:'-'}</td>
                                            <td class="text-center">${it?.currentfloor?it?.currentfloor:'-'}</td>
                                            <td class="text-center">${it?.totalfloor?it?.totalfloor:'-'}</td>
                                            <td class="text-center">${it?.aspect?it?.aspect:'-'}</td>
                                            <td class="text-center">${it?.buildingarea?it?.buildingarea:'-'}</td>
                                            <td class="text-center">${new BigDecimal(it?.sqmprice).setScale(2,BigDecimal.ROUND_HALF_UP).toPlainString()}</td>
                                            <td class="text-center">${new BigDecimal(it?.totalprice/10000).setScale(2,BigDecimal.ROUND_HALF_UP).toPlainString()}</td>
                                            %{--<td class="text-center">${new Date(it?.contractdate).format("YYYY年MM月dd日")}</td>--}%
                                            <td class="text-center">${'-'}</td>
                                        </tr>
                                    </g:each>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="hpanel hgreen">
                    <div class="panel-heading">
                        <input type="hidden" value="${community?.cityName}" id="cityName"/>
                        <div class="panel-tools">
                            <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                        </div>
                        流动评级详情
                    </div>
                    <div class="panel-body">
                        <ul id="myTab1" class="nav nav-pills">
                            <li class="active">
                                <a href="#deal1" data-toggle="tab">
                                    交易活跃度
                                </a>
                            </li>
                            <li><a href="#hang1" data-toggle="tab">成交周期</a></li>
                            <li>
                                <a href="#foreclosure1"  data-toggle="tab">
                                    挂牌量与成交量
                                </a>
                            </li>
                        </ul>
                        <div id="myTabContent1" class="tab-content">
                            <div class="tab-pane fade in active" id="deal1">
                                <div class="row">
                                    <div class="col-sm-3 text-center p-t-xxl">
                                        <p>风险评级  <b style="color:#FF9800" class="risk3">低风险</b></p>
                                        <p>成交量 <b>${communityQuantityRisk?.dealNumber}</b> 套</p>
                                    </div>
                                    <div class="col-sm-6" id="tab-3" style="height:350px;">

                                    </div>
                                    <div class="col-sm-3 p-t-xl">
                                        <table cellpadding="1" cellspacing="1" class="table table-responsive">
                                            <thead>
                                            <tr>
                                                <td class="text-center n-b">环比上月</td>
                                                <td class=" n-b"><b id="upDown5">${communityDealCycle?.rateYearMonth?new  BigDecimal(communityDealCycle?.rateYearMonth).setScale(2,BigDecimal.ROUND_HALF_UP)*100 :'-'}</b><b>%</b>
                                                <b></b></td>
                                                %{--${communityDealCycle?.rateYearMonth*100}--}%
                                            </tr>
                                            <tr>
                                                <td class="text-center n-b">行政区排名</td>
                                                <td class=" n-b"><b>${communityDealCycle?.districtRank}/1682</b></td>
                                            </tr>
                                            </thead>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="hang1">
                                <div class="row">
                                    <div class="col-sm-3 text-center p-t-xxl">
                                        <p>风险评级  <b style="color:#FF9800" class="risk4">${communityDealCycle?.risk}</b></p>
                                        <p>成交周期 <b id="dealCycle">${communityDealCycle?.dealCycle}</b> 天</p>
                                    </div>
                                    <div class="col-sm-6" id="tab-4" style="height:350px;">
                                    </div>
                                    <div class="col-sm-3 p-t-xl">
                                        <table cellpadding="1" cellspacing="1" class="table table-responsive">
                                            <thead>
                                            <tr>
                                                <td class="text-center n-b">环比上月</td>
                                                <td class=" n-b"><b id="upDown3">${communityDealCycle?.rateYearMonth?new BigDecimal(communityDealCycle?.rateYearMonth).setScale(2,BigDecimal.ROUND_HALF_UP)*100 :'-'}</b><b>%</b>
                                                    <b></b></td>
                                            </tr>
                                            <tr>
                                                <td class="text-center n-b">行政区排名</td>
                                                <td class=" n-b"><b>${communityDealCycle?.districtRank}/1682</b></td>
                                            </tr>
                                            </thead>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="foreclosure1">
                                <div class="row">
                                    <div class="col-sm-3 text-center p-t-xxl">
                                        <p>风险评级  <b style="color:#FF9800" class="risk5">${communityQuantityRisk?.risk}</b></p>
                                        <p>环比上月 <b id="upDown4">${communityQuantityRisk?.rateYearMonth!=null?communityQuantityRisk?.rateYearMonth.setScale(2,BigDecimal.ROUND_HALF_UP)*100:'-'}</b><b>%</b>
                                        <b></b></p>
                                    </div>
                                    <div class="col-sm-6" id="tab-5" style="height:350px;">

                                    </div>
                                    <div class="col-sm-3 p-t-xl">
                                        <table cellpadding="1" cellspacing="1" class="table table-responsive">
                                            <thead>
                                            <tr>
                                                <td class="text-center n-b">总户数</td>
                                                <td class=" n-b"><b>${lastCommunityQuantityRisk?.totalHouse}</b> 户</td>
                                            </tr>
                                            <tr>
                                                <td class="text-center n-b">上月挂牌量</td>
                                                <td class=" n-b"><b>${lastCommunityQuantityRisk?.netNumber}</b> 套</td>
                                            </tr>
                                            <tr>
                                                <td class="text-center n-b">上月成交量</td>
                                                <td class=" n-b"><b>${lastCommunityQuantityRisk?.dealNumber}</b> 套</td>
                                            </tr>
                                            </thead>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="hpanel hgreen">
                    <div class="panel-heading">
                        <input type="hidden" value="${community?.x},${community?.y}" id="coord">
                        <div class="panel-tools">
                            <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                        </div>
                        配套评级详情
                    </div>
                    <div class="panel-body p-t-n">
                        %{--<ul id="myTab2" class="nav nav-pills">--}%
                            %{--<li class="active">--}%
                                %{--<a href="#deal2" data-toggle="tab">--}%
                                    %{--价格趋势--}%
                                %{--</a>--}%
                            %{--</li>--}%
                        %{--</ul>--}%
                        <div id="myTabContent2" class="tab-content">
                            <div class="tab-pane fade in active" id="deal2">
                                <div class="row">
                                    <div class="col-sm-8" id="allmapPOI">
                                    </div>
                                    <div class="col-sm-4" id="listPOI">
                                        <div class="row p-t-sm" style="background: #F2F2F2;">
                                            <div class="col-sm-3 text-center">
                                                <label for="ck_cab" class="fa fa-cab"></label>
                                                <p><input name="gongjiao" id="ck_cab"  type="button" value="公交"/></p>
                                            </div>
                                            <div class="col-sm-3 text-center">
                                                <label for="ck_bus" class="fa fa-bus"></label>
                                                <p><input name="ditie" id="ck_bus" type="button" value="地铁"/></p>
                                            </div>
                                            <div class="col-sm-3 text-center">
                                                <label for="ck_subway" class="fa fa-star"></label>
                                                <p><input name="jiayouzhan" id="ck_subway" type="button" value="加油站"/></p>
                                            </div>
                                            <div class="col-sm-3 text-center">
                                                <label for="ck_school" class="fa fa-mortar-board"></label>
                                                <p><input name="xuexiao" id="ck_school" type="button" value="学校"/></p>
                                            </div>
                                            <div class="col-sm-3 text-center">
                                                <label for="ck_hospital" class="fa fa-medkit"></label>
                                                <p><input name="yiyuan" id="ck_hospital" type="button" value="医院"/></p>
                                            </div>
                                            <div class="col-sm-3 text-center">
                                                <label for="ck_bank" class="fa fa-bank"></label>
                                                <p><input name="yinhang" id="ck_bank" type="button" value="银行"/></p>
                                            </div>
                                            <div class="col-sm-3 text-center">
                                                <label for="ck_fun" class="fa fa-music"></label>
                                                <p><input name="fun" id="ck_fun" type="button" value="休闲娱乐"/></p>
                                            </div>
                                            <div class="col-sm-3 text-center">
                                                <label for="ck_shop" class="fa fa-shopping-cart"></label>
                                                <p><input name="gouwu" id="ck_shop" type="button" value="购物"/></p>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12 p-n n-b" id="log"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
</div>
<script>
    $('#goBack').click(function(){
        window.history.back(-1);
    })
    var riskText1=$('.risk1').text();
    var riskText2=$('.risk2').text();
    var riskText3=$('.risk3').text();
    var riskText4=$('.risk4').text();
    var riskText5=$('.risk5').text();
    var riskText6=$('.priceRank1').text();
    var riskText9=$('.priceRank2').text();
    var riskText7=$('.flowRank').text();
    var riskText8=$('.supportRank').text();

    if(riskText1=='低风险'){
        $('.risk1').css('color','#62CB31');
    }else if(riskText1='中风险'){
        $('.risk1').css('color','#FF9800');
    }
    else if(riskText1=='高风险'){
        $('.risk1').css('color','#E51C23');
    }else{
        $('.risk1').css('color','#3498DB');
    }
    if(riskText2=='低风险'){
        $('.risk2').css('color','#62CB31');
    }else if(riskText2=='中风险'){
        $('.risk2').css('color','#FF9800');
    }
    else if(riskText2=='高风险'){
        $('.risk2').css('color','#E51C23');
    }else{
        $('.risk2').css('color','#3498DB');
    }
    if(riskText3=='低风险'){
        $('.risk3').css('color','#62CB31');
    }else if(riskText3=='中风险'){
        $('.risk3').css('color','#FF9800');
    }
    else if(riskText3=='高风险'){
        $('.risk3').css('color','#E51C23');
    }else{
        $('.risk3').css('color','#3498DB');
    }
    if(riskText4=='低风险'){
        $('.risk4').css('color','#62CB31');
    }else if(riskText4=='中风险'){
        $('.risk4').css('color','#FF9800');
    }
    else if(riskText4=='高风险'){
        $('.risk4').css('color','#E51C23');
    }else{
        $('.risk4').css('color','#3498DB');
    }
    if(riskText5=='低风险'){
        $('.risk5').css('color','#62CB31');
    }else if(riskText5=='中风险'){
        $('.risk5').css('color','#FF9800');
    }
    else if(riskText5=='高风险'){
        $('.risk5').css('color','#E51C23');
    }else{
        $('.risk5').css('color','#3498DB');
    }
    if(riskText6=='低风险'){
        $('.priceRank1').css('color','#62CB31');
    }else if(riskText6=='中风险'){
        $('.priceRank1').css('color','#FF9800');
    }
    else if(riskText6=='高风险'){
        $('.priceRank1').css('color','#E51C23');
    }else{
        $('.priceRank1').css('color','#3498DB');
    }
    if(riskText9=='低风险'){
        $('.priceRank2').css('color','#62CB31');
    }else if(riskText9=='中风险'){
        $('.priceRank2').css('color','#FF9800');
    }
    else if(riskText9=='高风险'){
        $('.priceRank2').css('color','#E51C23');
    }else{
        $('.priceRank2').css('color','#3498DB');
    }
    if(riskText7=='低风险'){
        $('.flowRank').css('color','#62CB31');
    }else if(riskText7=='中风险'){
        $('.flowRank').css('color','#FF9800');
    }
    else if(riskText7=='高风险'){
        $('.flowRank').css('color','#E51C23');
    }else{
        $('.flowRank').css('color','#3498DB');
    }
    if(riskText8=='低风险'){
        $('.supportRank').css('color','#62CB31');
    }else if(riskText8=='中风险'){
        $('.supportRank').css('color','#FF9800');
    }
    else if(riskText8=='高风险'){
        $('.supportRank').css('color','#E51C23');
    }else{
        $('.supportRank').css('color','#3498DB');
    }
    if($('#upDown').next().text()>0){
        $('#upDown').text('上涨');
        $('#upDown').next().next().css('color','#E51C23');
        $('#upDown').next().next().addClass('fa fa-arrow-up')

    }else if($('#upDown').next().text()<0){
        $('#upDown').text('下降');
        $('#upDown').next().next().css('color','#62CB31');
        $('#upDown').next().next().addClass('fa fa-arrow-down')
    }
    if($('#upDown1').text()>0){
        $('#upDown1').next().next().css('color','#E51C23');
        $('#upDown1').next().next().addClass('fa fa-arrow-up')

    }else if($('#upDown1').next().text()<0){
        $('#upDown1').next().next().css('color','#62CB31');
        $('#upDown1').next().next().addClass('fa fa-arrow-down')
    }
    if($('#upDown2').text()>0){
        $('#upDown2').next().next().css('color','#E51C23');
        $('#upDown2').next().next().addClass('fa fa-arrow-up')

    }else if($('#upDown2').next().text()<0){
        $('#upDown2').next().next().css('color','#62CB31');
        $('#upDown2').next().next().addClass('fa fa-arrow-down')
    }
    if($('#upDown3').text()>0){
        $('#upDown3').next().next().css('color','#E51C23');
        $('#upDown3').next().next().addClass('fa fa-arrow-up')

    }else if($('#upDown3').next().text()<0){
        $('#upDown3').next().next().css('color','#62CB31');
        $('#upDown3').next().next().addClass('fa fa-arrow-down')
    }
    if($('#upDown4').text()>0){
        $('#upDown4').next().next().css('color','#E51C23');
        $('#upDown4').next().next().addClass('fa fa-arrow-up')

    }else if($('#upDown4').next().text()<0){
        $('#upDown4').next().next().css('color','#62CB31');
        $('#upDown4').next().next().addClass('fa fa-arrow-down')
    }
    if($('#upDown5').text()>0){
        $('#upDown5').next().next().css('color','#E51C23');
        $('#upDown5').next().next().addClass('fa fa-arrow-up')

    }else if($('#upDown5').next().text()<0){
        $('#upDown5').next().next().css('color','#62CB31');
        $('#upDown5').next().next().addClass('fa fa-arrow-down')
    }
</script>
<asset:javascript src="echarts/echarts-all-3.js" />
<asset:javascript src="main/grade.js" />
</body>
</html>
